/*========basis css=========*/
* {padding: 0; margin: 0; list-style-type: none;}
body {font: 12px/1.8em Tahoma, Arial; text-align: center; color: #666; background-color: #fff;}
img {border: 0;}
a {color: #666; text-decoration: none; cursor: pointer;}
a:hover, input:focus {outline: 0;}

input, select {vertical-align: middle; transition: all 0.2s; font-size: 12px;}
input[type="button"], input[type="submit"] {cursor: pointer;}
textarea {resize: none; transition: all 0.2s;}

i, em {font-style: normal;}
.none {display: none;}
.fl, .list li, .leftbox {display: inline; float: left;}
.fr, .rightbox {display: inline; float: right;}

a:hover.blue {text-decoration: underline;}

a:hover.color-link {color: #f07f19; text-decoration: underline;}


table {width: 100%; text-align: center;}

.loading {display: block; background: url(../images/loading.gif) no-repeat center center;}

.box:after, .crbox:after, .list:after, .clli:after {
	clear: both; content: "."; display: block; height: 0; visibility: hidden;
}
.box, .crbox, .list, .clli {display: inline-block;}
.box, .crbox, .list, .clli {display: block;}

.box {width: 1020px; text-align: left; margin: 0 auto; position: relative;}

.tit {padding: 40px 0 35px;}
.tit h1 {font: 25px/32px microsoft Yahei; color: #bc001d; font-weight: bold;}
.tit p {font: 12px/30px microsoft Yahei; color: #555; margin: 10px 0;}

.banner {background: url(../ad/b01.jpg) no-repeat center center; height: 566px; margin-bottom: 115px; margin-top: -90px;}
.banner a {display: block; background-color: #bd001d; width: 192px; height: 69px; border-radius: 6px; 
font: 20px/69px microsoft Yahei;  color: #fff; text-align: center; position: absolute; left: 0; }
.banner a:hover {opacity: 0.8;}
.iphone {top: 350px; }
.android {top: 440px;}

.index-list {width: 1020px; overflow: hidden;}
.index-list ul {width: 1200px;}
.index-list ul li {width: 415px; position: relative; margin: 0 125px 118px 0;}
.name {position: absolute; top: 0; left: 0;}
.n-ico01,.n-ico02,.n-ico03,.n-ico04 {display: inline-block; width: 122px; height: 122px;}
.n-ico01 {background: url(../images/y-ico01.png) no-repeat center center;}
.con {padding: 10px 0 0 150px;}
.con h3 {font: 25px/30px microsoft Yahei; color: #000; margin-bottom: 10px;}
.con p {font: 15.5px/23px microsoft Yahei; color: #6c6c6c; }
.n-ico02 {background: url(../images/y-ico02.png) no-repeat center center;}
.n-ico03 {background: url(../images/y-ico03.png) no-repeat center center;}
.n-ico04 {background: url(../images/y-ico04.png) no-repeat center center;}

.footer {background-color: #f0f1f3; padding: 40px 0 20px;}
.footer-left {display: inline; float: left;}
.content {font: 20px/25px microsoft Yahei; color: #373737;}
.content em { display: inline-block; margin-left: 20px; font: 12px/25px microsoft Yahei;}

.footer span {display: inline; float: right; margin-top: 10px; }
.about { display: inline-block; border: 2px solid #c3203a; padding: 15px 10px; width: 145px; text-align: center;
font: 18px microsoft Yahei; border-radius: 40px; color: #bc001d;}
.tel {font: 27px/35px microsoft Yahei; color: #373737; margin-top: 10px;}
.copy {padding-top: 20px; border-top: 1px solid #ddd; margin-top: 60px;}














